.hex-shade {
    margin-bottom: 100px;
    -moz-box-shadow: 0 6px 20px rgba(51,51,51,.2);
    -webkit-box-shadow: 0 6px 20px rgba(51,51,51,.2);
    box-shadow: 0 6px 20px rgba(51,51,51,.2);
}

    .hex-shade .hex-shade-line {
        height: 10px;
        width: 1240px;
        background-color: #0996BA;
    }

    .hex-shade .hex-shade-content {
        height: 475px;
        width: 1240px;
        margin-left: auto;
        margin-right: auto;
        padding: 20px;
        overflow: auto;
    }

.hex-shadeList-border {
    border-right: 1px solid #e5e5e5;
    height: 380px;
    overflow-y: auto;
    padding: 0 28px;
}

.hex-small-title {
    font-weight: 600;
    color: #333333;
    font-size: 16px;
    display: block;
}

.hex-title a {
    font-weight: 600;
    color: #0996ba;
    display: block;
    padding-left: 28px;
    font-size: 18px;
}


/*�����ַ������ĵ�*/
.hex-shade .hex-shade-content .hex-shade-conlist-two {
    width: 29%;
    float: left;
}



.hex-shade-conlist-two ul li {
    width: 50%;
    margin-bottom: 12px;
    float: left;
}



    .hex-shade-conlist-two ul li a, .hex-shade-conlist-one ul li a, .hex-listpic-text {
      font-size: 12px;
      -webkit-transform-origin-x: 0;
      -webkit-transform: scale(0.90);
    }

/*��һ�ַ�������*/
.hex-shade .hex-shade-content .hex-shade-conlist-one {
    width: 23%;
    float: left;
}

.hex-shade-conlist-one ul li {
    width: 100%;
    margin-bottom: 12px;
}
/*ie��ul*/
.hex-shade-conlist-one ul, .hex-shade-conlist-two ul {
    padding-left: 0;
}
/*������û�����*/
.hex-shade-noborder {
    border-color: transparent;
}
/*�ұߵ�ͼƬ*/
.hex-shade-listpic {
    width: 288px;
    float: left;
    padding: 20px;
    margin-top: 44px;
    border-left: 1px solid #e5e5e5;
    height: 380px;
    padding-left: 20px;
}

.hex-listpic-title {
    font-weight: 600;
    color: #121212;
}